@import './reset.css';
@import './border.css';
@import './skin.css';
@import './component.css';
@import './icon.css';
@import '../iconfont/iconfont.css';
@import './markdown.css';
@import './keyframes.css';

/* custom */
/* IE9+、Opera、Google Chrome 以及 Safari 中支持 */
::selection {
    background: #00c4b6;
    color: #f7f7f7;
}

/* firefox  */
::-moz-selection {
    background: #00c4b6;
    color: #f7f7f7;
}

.v-note-wrapper .v-note-panel .v-note-edit.divarea-wrapper.scroll-style-border-radius::-webkit-scrollbar,
.v-note-wrapper .v-note-panel .v-note-show .v-show-content.scroll-style::-webkit-scrollbar,
::-webkit-scrollbar {
    width: 0.05rem;
    height: 0.05rem;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0.06rem;
}

.v-note-wrapper .v-note-panel .v-note-show .v-show-content.scroll-style::-webkit-scrollbar-thumb:vertical,
.v-note-wrapper .v-note-panel .v-note-edit.divarea-wrapper.scroll-style::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:vertical {
    height: 0.05rem;
    background-color: rgba(121, 187, 255, 0.7);
    -webkit-border-radius: 0.06rem;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 0.05rem;
    background-color: rgba(121, 187, 255, 0.7);
    -webkit-border-radius: 0.06rem;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(64, 158, 255, 0.7);
}

html,
body {
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

html {
    font-size: 100px;
    overflow-y: scroll;
}

body {
    font-size: 0.16rem;
    line-height: 0.28rem;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    color: var(--fontLevel1, #4c4948);
    text-decoration: none;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
}

.clearfix {
    clear: both
}

.is-hide {
    display: none;
}

.is-center {
    text-align: center;
}

.is-vertical {
    vertical-align: middle;
}

.ellipsis1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 可覆盖 line-clamp 属性改变行数 */
.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.boxDefaultStyle {
    border-radius: 0.1rem;
    box-shadow: 0 0.04rem 0.08rem 0.06rem rgba(7, 17, 27, 0.06);
    transition: all 0.3s;
}